<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/info-mgt.css" />
<link rel="stylesheet" href="css/WdatePicker.css" />
<title>天宫智能办公系统</title>
</head>

<body>
<div class="title"><h2>项目管理</h2></div>
<div class="table-operate ue-clear query" style="margin:0; padding-bottom:0; padding-top:0">
 <div class="h-chaxundiv"><span style="float:left">查询：</span>
 <select style="float:left;margin-top:6px"><option>请选择项目</option><option>2</option><option>3</option><option>4</option></select>
 <!--<input type="text" class="h-chaxun" style="float:left;margin-top:6px"/>
 <div class="conditions time ue-clear" style="width:260px; float:left; margin:0">
            <label style="line-height:35px; width:40px">时间：</label>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon" style="top:4px"></i>
            </div>
            <span class="line">-</span>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon" style="top:4px"></i>
            </div>
        </div>-->
 <button class="h-chaxun-btn">查询</button>
  </div>
    
    <a href="javascript:;" class="all">所有</a>
    <a href="javascript:;" class="weikaishi" style="width:60px">未开始</a>
    <a href="javascript:;" class="jinxingzhong" style="width:60px">进行中</a>
    <a href="javascript:;" class="yiguaqi" style="width:60px">已挂起</a>
    <a href="javascript:;" class="weiwancheng" style="width:60px">未完成</a>
    <a href="javascript:;" class="yiwancheng" style="width:60px">已完成</a>
	<a href="javascript:;" class="add">添加</a>
    <a href="javascript:;" class="del">删除</a>
    <!--<a href="javascript:;" class="edit">导入</a>
    <a href="javascript:;" class="count">导出</a>-->
   
</div>
<div class="table-box2">
	<table>
    	<thead>
        	<tr>
                <th>ID</th>
            	<th>项目名称</th>
                <th>项目代号</th>
                <th>项目负责人</th>
                <th>结束日期</th>
                <th>项目状态</th>
                <th>总预计</th>
                <th>总消耗</th>
                <th>总剩余</th>
                <th>进度</th>
                <th>燃尽图</th>
            </tr>
        </thead>
        <tbody>
        	<tr>
                <td>085</td>
            	<td><a href="javascript:;">天猫</a></td>
                <td>moka414</td>
                <td>刘粒粒</td>
                <td>2015-01-16</td>
                <td>未开始</td>
                <td>77</td>
                <td>56</td>
                <td>41</td>
                <td>56%</td>
                <td>41%</td>
            </tr>
            
            
        </tbody>
    </table>
</div>
<div class="pagination ue-clear"></div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/color.js"></script>
<script type="text/javascript">
$(".select-title").on("click",function(){
	$(".select-list").hide();
	$(this).siblings($(".select-list")).show();
	return false;
})
$(".select-list").on("click","li",function(){
	var txt = $(this).text();
	$(this).parent($(".select-list")).siblings($(".select-title")).find("span").text(txt);
})

$('.pagination').pagination(100,{
	callback: function(page){
		alert(page);	
	},
	display_msg: true,
	setPageNo: true
});

showRemind('input[type=text], textarea','placeholder');
</script>
</html>
